/* ==========================================================================
   index module
   ========================================================================== */
@media screen and (max-width:1024px){
	.g-mn1c { margin-left: 225px; }
}
@media screen and (max-width:40em){
	.g-sd1{width: 100%;margin-left: 0}
	.g-mn1c { margin-left: 0; }
}

/*
 * sidebar
 */
.sidebar{width: 175px}
.sidebar-tit{padding: 80px 20px 40px 20px;border: 3px solid #b71d37;position: relative;}
.sidebar-tit span{font-size: 1.8rem;color: #b71d37;position: absolute;left: -30px;right: 0;top: 18px;background: #fff;font-weight: bold;text-transform: uppercase;letter-spacing: -2px}
.sidebar-tit h3{font-size: 1.5rem;position: relative;}
.sidebar-tit h3:after{display: block;content: '';width: 26px;height: 5px;background: #b71d37;position: absolute;left: 4px;bottom: -12px}
.sidebar-cont{padding: 1rem}
.sidebar ul li{border-bottom: 1px solid #ededed;}
.sidebar ul li a{display:block;padding: 0 1.2rem;line-height: 3.4rem;position: relative;}
.sidebar ul li a:hover{background: #b71d37;color: #fff;}
.sidebar ul li a:after,.sidebar ul li a:before{transition:-webkit-transform .3s cubic-bezier(.86,0,.07,1);transition:transform .3s cubic-bezier(.86,0,.07,1)}
.sidebar ul li a:after{display: block;content: '';width: 24px;height: 1px;background: #fff;position: absolute;right: 15px;top: 50%;-webkit-transform:translateX(-20px);transform:translateX(-20px);}
.sidebar ul li a:before{display: block;content: '';width: 1px;height: 24px;background: #fff;position: absolute;right: 27px;top: 50%;margin-top: -12px;-webkit-transform:translateY(-20px);transform:translateY(-20px);}
.sidebar ul li a:hover:after{-webkit-transform:translateX(0);transform:translateX(0);}
.sidebar ul li a:hover:before{-webkit-transform:translateY(0);transform:translateY(0);}
@media screen and (max-width:1024px){
  .sidebar-tit span { left: 0 }
}
@media screen and (max-width:40em){
  .sidebar { padding: 0 5%; width: auto;text-align: center;}
  .sidebar-tit {padding: 0;border: 0;}
  .sidebar-tit span{font-size: 14px;position: initial}
  .sidebar-tit h3:after{left: 50%;margin-left: -13px}
}

/* 
 * product category
 */
.sect_prod .index_{padding-top: 2rem}
.sect_prod h2{text-align: center;font-size: 2.2rem;color: #1a1414;font-weight: normal;margin-bottom: 1em}
.sect_prod h2 span{font-style: normal;font-size: 2rem;color: #b71d37;}
.sect_prod h2 em{font-size: .8rem;color: #545454;font-style: normal;display: block;}
.sect_prod h2 img{vertical-align: middle;margin-top: -5px}

/*reset mediabox*/
.sect_prod .media-box { width: 90%; margin-bottom: 20px; }
.sect_prod .media-box .icon { width: 320px; height: 550px; position: relative; background: #fff;}
.sect_prod .media-box span{color: #b71d37;font-size: 14px}
.sect_prod .media-box p { font-size: 1.1rem;line-height: inherit;padding: 5px;text-align: left;}
.sect_prod .mask3 { position: absolute;height: 100%; top: 100%; right: 0; left: 0; background: url('../img/layer3.png') center center no-repeat rgba(183, 23, 55, .6); line-height: 100%; color: #000 }
.sect_prod .media-box:hover .mask3 { top: 0}
@media screen and (max-width:40em){
	.sect_prod h2 {margin-bottom: 1em}
	.sect_prod h2 span{display: block;}
	.sect_prod .media-box { width: 98%; margin-bottom: 0 }
}


/*
 * sect_adv
 */
.sect_adv{background: url('../img/bg1.jpg') #b71d37;background-size: cover}
/* advantage box */
.advBox{text-align: center;color: #fff;padding:4em 0 4em 0;width: 878px;margin:0 auto;}
.advBox img{margin: 0 auto;display: block;}
.advBox p{font-size: 1.4rem;padding: 1em;}
.adv-call{background: #b71d37;padding:9em 0 0 5%;text-align: center;}
.adv-call p{font-size: 25px;color: #fff;margin-bottom: 0.2em}
.adv-call a{font-size: 18px;border: 2px solid #fff;padding: 6px 40px;color: #fff;}
.adv-call a:hover{background: #fff;color: #b71d37}
.pro-a{font-size: 18px;border: 2px solid #000;padding: 6px 40px;color: #000;margin: 0 auto;display: none;}
/* 切换 */
#swiper_adv { width: 90% }
.swiper-adv-pagination { padding:0 20px 2px 20px; }
.swiper-adv-pagination li { color: #fff; line-height: 1; padding: 2em 0; float: left; width: 25%;text-align: center; cursor: pointer;position: relative;}
.swiper-adv-pagination li.active-nav{color: #b71d37}
.swiper-adv-pagination li.active-nav:after{display: block;content: '';position: absolute;left: 0;top: 0;bottom:0;right:0;border: 3px solid #b71d37;border-right: 0;border-bottom: 0;}
.swiper-adv-pagination li.active-nav:before{display: block;content: '';position: absolute;left: 0;top: 0;bottom:0;right:0;border-right: 3px solid #b71d37;}
.swiper-adv-pagination li i { font-size: 2.3rem; }
.swiper-adv-pagination li p { font-size: 1.8rem; padding: 1em 0 0 0}
@media screen and (max-width:60em){
	.advBox{width: auto;padding: 2em 0}
}
@media screen and (max-width:40em){
	.advBox{width: auto;padding: 2em 0}
	.advBox p{font-size: 12px;}
	#swiper_adv { width: 100% }
	.swiper-adv-pagination { padding:0;}
	.swiper-adv-pagination li { float: left; width: 25%;margin-right: 0;transform: none;}
	.swiper-adv-pagination li div{transform: none;}
	.swiper-adv-pagination li.active-nav{background: #ff9600;color: #fff}
	.swiper-adv-pagination li i { font-size: 14px; }
	.swiper-adv-pagination li p { padding-left: 0; font-size: 14px; display: block; }
	.swiper-adv-pagination li p small { display: none }
	.adv-call{padding: 2em 0!important;text-align: center!important}
}


/*
 * about us
 */
.usBox{background: #eeeeee;width: 110%;margin-left: -10%;margin-top: 10%}
.usBox .cont{background: #eeeeee;padding: 2.5rem;}
.usBox h3{font-size: 1.8rem;font-weight: normal;}
.usBox div{padding: 1.5rem 0 2.5rem 0}
.usBox a{display: inline-block;width: 60px;height: 60px;line-height:60px;border:1px solid #d5d5d5;border-radius: 50%;color: #d5d5d5;text-align: center;}
/* fly animate */
.fly1{position: absolute;right: 100%;bottom: 30%}
.fly2{position: absolute;left:100%;top: 0;}
@media screen and (max-width:1024px){
	.usBox{width: auto;margin: 0 auto;}
}


/*
 * news
 */
.sect_new { overflow: hidden; background: url('../img/bg2.jpg') #b71d37;background-size: cover}
.sect_new .adv-call{padding: 9rem 0 6rem 20%;text-align: left;color: #fff;}
.sect_new .sidebar{margin-bottom: 5em}
.sect_new .sidebar-tit{border-color: #fff;}
.sect_new .sidebar-tit span {background: #b71d37;color: #fff}
.sect_new .sidebar-tit h3{color: #fff}
.sect_new .sidebar-tit h3:after{background: #fff;}

.layout-lr{padding: 9rem 5% 6rem 5%;}
.layout-lr-txt{padding:4rem 8% 4rem 8%;color: #fff;}
.layout-lr-txt time{color: #a1a1a1}
.layout-lr-txt a{color: #fff;}
.layout-lr-txt h3{font-size: 1rem;font-weight: normal;padding:1em 0;display: block;position: relative;}
.layout-lr-txt h3:after { display: block; content: ''; position: absolute; bottom: 0px; left: 0px; width: 20px; height: 3px; background: #b71d37; }
.layout-lr-txt .txt{padding:2em 0 4em 0;color: #c4c4c4;}
.layout-lr-txt a.goto{color: #eeeeee;border: 1px solid #eeeeee;display: block;text-align: center;padding: 4px 0;width: 90%;margin: 0 auto;opacity: 0;}
.layout-lr-txt.on{border: 2px solid #fff;}
.layout-lr-txt.on a.goto{opacity: 1;}
@media screen and (max-width:640px){
	.layout-lr{padding: 1rem 0}
	.layout-lr-txt { padding: 2rem 5% 0rem 5% }
	.layout-lr-txt .txt { padding: 2em 0 0em 0; }
}


/*
 * custom
 */
.sect_cus .swiper-slide{width: 33.33%;float: left;}
.swiper-btn div{width: 58px;height: 58px;border:1px solid #b71d37;text-align: center;color: #b71d37;font-size: 30px;cursor: pointer;}
.swiper-btn .swiper-prev{float: left;}
.swiper-btn .swiper-next{float: right;}
.block_imglist{position:relative;}
.block_imglist .media-box{margin:0 auto;margin-bottom:0px;width:95%;}
.block_imglist .media-box .icon{width:420px;height:466px;position:relative;border:0px;background:#fff;overflow: visible;}
.block_imglist .media-box p{font-size:14px;}
@media screen and (max-width:640px){
	.sect_cus .swiper-slide{width:100%;margin-right: 0}
	.sect_cus .block_imglist .media-box .icon{height:218px;}
}